{include file="top.tpl"}
	
		
        
        <!-- styles needed by jScrollPane - include in your own sites -->
		<link type="text/css" href="{$WPATH}css/scroll/jquery.jscrollpane.css" rel="stylesheet" media="all" />
		<!-- the styles for the lozenge theme -->
		<link type="text/css" href="{$WPATH}css/scroll/jquery.jscrollpane.lozenge.css" rel="stylesheet" media="all" />
<!-- latest jQuery direct from google's CDN -->
		<script type="text/javascript" src="{$WPATH}js/scroll/jquery.min.js"></script>
		<!-- the mousewheel plugin -->
		<script type="text/javascript" src="{$WPATH}js/scroll/jquery.mousewheel.js"></script>
		<!-- the jScrollPane script -->
		<script type="text/javascript" src="{$WPATH}js/scroll/jquery.jscrollpane.min.js"></script>
		<!-- scripts specific to this demo site -->

		<script type="text/javascript" id="sourcecode">
		{literal}
			$(function()
			{
				$('.scroll-pane').jScrollPane(
					{
						showArrows: true,
						horizontalGutter: 5
					}
				);
			});
			{/literal}
		</script>
		<style type="text/css" id="page-css">
			/* Styles specific to this particular page */
			{literal}
			.scroll-pane
			{
				width: 530px;
			height: 260px;
				overflow: auto;
			}
			{/literal}
		</style>
        
    <div class="topmenufone">
    	<span style="font-size:13px">SION - VALAIS - SUISSE</span><br />
        Tel: ++41 27 322 55 60 - ++41 27 322 56 70
    </div>
    <div class="fr-content">
    	<div class="fr-menu-left">
        	<div class="fr-menu-right">
            	{include file="topmenu.tpl"}     
       		</div>
       	</div>
            {include file="form-search.tpl"} 
            
            
            <div class="fr-banner-news">
            	<div class="fr-content-about">
                	<div class="title-page">{$NEWSDETAILS->news_title}</div>
                    <div  id="pane1" class="scroll-pane">
                      {$NEWSDETAILS->news_content}
                  </div>
              </div>
            </div>
            <div class="icon-news">
			{include file="linkbottom.tpl"}
            </div>
        	<div class="fr-rightside-event">
            	<div class="title-main-page">
                	News
                </div>
                {foreach name=news from=$NEWS.data key=k item=item}
            	<div class="one-event{$item->active}">
                	<div class="padding-event-one{$item->active}">
                        <div class="event-title"><a href="{$WPATH}{$LINKPRODUCT}{$item->pro_link}">{$item->news_title}</a></div>
                        <div class="short-content point" onclick="javscrip:document.location = '{$WPATH}{$LINKPRODUCT}{$item->pro_link}'">
                            {$item->news_short} <i>{$item->date}</i>
                        </div>
                    </div>
                </div>	 
                {/foreach}
                               
                <div class="paging-event">
                	{if $NEWS.TOTALPAGE > '1' }
              {$NEWS.FIRST} {$NEWS.PRE}&nbsp;{$NEWS.LISTPAGE}  {if $smarty.session.LC_ALL eq "en"}Pages{else}Trang{/if} &nbsp; {$NEWS.TOTALPAGE} &nbsp;                   
                            &nbsp;{$NEWS.NEXT} {$NEWS.LAST}         
                        
              		{/if}
                	
                </div>
                
            </div>   
            <div class="logo-event">
                {include file="logopartner.tpl"} 
            </div> 
	</div>
    
    
{include file="footer.tpl"}

